import { ButtonWithTooltip } from "@renderer/components/business/button-with-tooltip";
import { useTabBar } from "@renderer/hooks/use-tab-bar";
import { Settings } from "lucide-react";
import { useTranslation } from "react-i18next";

export function SettingButton() {
  const { t } = useTranslation("translation", {
    keyPrefix: "settings",
  });

  const { handleAddNewTab } = useTabBar();

  return (
    <ButtonWithTooltip
      tooltipPlacement="bottom"
      title={t("text")}
      className="shrink-0"
      onPress={() => handleAddNewTab("setting")}
    >
      <Settings className="size-5" />
    </ButtonWithTooltip>
  );
}
